<!DOCTYPE html>
<html>
<head>
<title>::: 골프인 :::</title>
<meta charset="utf-8" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if IE 6]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script type="text/javascript" src="../js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('.png_bg, .footer, footer, img');</script>
<![endif]-->
<!-- 여기 위치에 두 스크립트 추가 부탁드립니다. -->
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="../js/spin.min.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="js/join_room_create.js"></script>
<link href="../css/common.css" rel="stylesheet" type="text/css" />
<link href="../css/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
</head>

<body id="wrap">
<header>
	<div id="top_cont">
		<div class="top_tit">
				<h4><img src="../images/title/title_02_01.png" alt="조인룸" /></h4>
				<p class="top_txt">즐거운 라운딩 참여자 모집을 위한 조인룸 입니다. </p>
			</div>
	</div><!--//  id="top_cont" 끝-->	
</header>

<div id="container">
	<!--좌측 컨텐츠-->
	<div id="left_area"></div>

	<!--메인 컨텐츠-->
	<section id="main_content"  class="joinroom">
		<div class="joinroom_creat">
			<h5><img src="../images/title/title_02_01_3.gif" alt="조인룸만들기" /></h5>
			<p class="textbox">골프인에서 부킹 예약 건이 있으신 회원께서는 나의 예약 정보에서 예약 정보를 선택하세요.<br>예약정보가 자동 입력되어 빠른 작성이 가능합니다.</p>
			<figure>
				<table>
					<caption>조인룸 만들기</caption>
					<colgroup>
						<col width="20%" /><col width="20%" /><col width="60%" />
					</colgroup>
					<tbody>
						<tr>
							<th><img src="../images/board/joinroom_tit04.gif" alt="진행상황"/></th>
							<td>
								<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />진행중</label>
							</td>
							<td>
								<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />조인완료</label>
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/joinroom_tit05.gif" alt="공개여부"/></th>
							<td>
								<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />모두공개</label>
							</td>
							<td>
								<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />비밀번호 설정</label>
								<span><input type="password" name="text" id="textfield" class="input" maxlength="4" /> (숫자 4자리) </span>
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/joinroom_tit06.gif" alt="라운드 정보"/></th>
							<td>
								<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />나의 예약정보</label>
							</td>
							<td>
								<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />직접입력</label>
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/joinroom_tit07.gif" alt="참여여부"/></th>
							<td>
								<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />본인참여</label>
							</td>
							<td>
								<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />본인참여하지 않음</label>
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/joinroom_tit11.gif" alt="지역"/></th>
							<td colspan="2">
								<select name="select" id="select">
									<option selected>전체</option>
									<option>수도권(서울/경기/인천)</option>
									<option>중부권(강원/충청)</option>
									<option>남부권(전라/경상/제주)</option>
								</select>
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/joinroom_tit12.gif" alt="골프장 코스"/></th>
							<td colspan="2">
								<input type="text" name="text" id="textfield" class="input w_b" value="골프장-코스입력"/>
							</td>
						</tr>
						<tr>
							<th class="bg_none"><img src="../images/board/joinroom_tit13.gif" alt="홀 정보"/></th>
							<td colspan="2">
								<input type="text" name="text" id="textfield" class="input" /> H
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/joinroom_tit14.gif" alt="부킹일자"/></th>
							<td colspan="2">
								<input type="text" name="text" id="textfield" class="input w_m" />
								<a href="#"><img src="../images/btn/icon_calendar.gif" class="align_m" alt="달력"/></a>
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/joinroom_tit15.gif" alt="부킹시간"/></th>
							<td colspan="2">
								<select name="select" id="select" style="width:70px">
									<option selected>05</option>
									<option></option>
									<option></option>
								</select>
								<select name="select" id="select" style="width:70px">
									<option selected>10</option>
									<option></option>
									<option></option>
								</select>
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/joinroom_tit16.gif" alt="초대인원"/></th>
							<td colspan="2">
								<select name="select" id="select" style="width:70px">
									<option selected>5 명</option>
									<option></option>
									<option></option>
								</select>
							</td>
						</tr>
						<tr>
							<th class="bg_none" rowspan="2"><img src="../images/board/joinroom_tit10.gif" alt="참여조건"/></th>
							<td class="condi" colspan="2">
								<p>
									<span>성별</span>
									<select name="select" id="select" class="w_s">
										<option selected>선택</option>
										<option>무관</option>
										<option>남</option>
										<option>여</option>
									</select>
								</p>
								<p>
									<span>연령대</span>
									<select name="select" id="select" class="w_s">
										<option selected>선택</option>
										<option>무관</option>
										<option>20대</option>
										<option>30대</option>
										<option>40대</option>
										<option>50대</option>
										<option>60대 이상</option>
									</select>
								</p>
							</td>
						</tr>
						<tr>
							<td class="condi" colspan="2">
								<p>
									<span>평균타수</span>
									<select name="select" id="select" class="w_s">
										<option selected>선택</option>
										<option>70대</option>
										<option>80대</option>
										<option>90대</option>
										<option>100돌이</option>
										<option>초보</option>
										<option>누구나</option>
									</select>
								</p>
								<p>
									<span>흡연여부</span>
									<select name="select" id="select" class="w_s">
										<option selected>선택</option>
										<option>흡연</option>
										<option>비흡연</option>
										<option>무관</option>
									</select>
								</p>
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/club_write_tit01.gif" alt="상세내용"/></th>
							<td colspan="2">
								<textarea name="textarea" id="textarea" class="texta"></textarea>
								<p class="ft_r">※ 게시판 성격에 맞지 않는 글은 관리자에 의하여 별도의 공지 없이 임의로 삭제 될 수 있습니다.</p>
							</td>
						</tr>
						<tr>
							<th><img src="../images/board/joinroom_info_tit12.png" alt="예약자 명"/></th>
							<td colspan="2">
								<input type="text" name="text" id="textfield"  class="inp w_s"/>
								<p class="txt_info">입력하신 예약자명(실명)은 참여승인 된 참여자에 한해 SMS로 조인정보와 함께 전송됩니다.</p>
							</td>
						</tr>
					</tbody>
				</table>
			</figure>
		</div><!--//   class="joinroom_creat" 끝-->	

		<!--btn-->
		<article class="btn_area ma_right5">
			<a href="#"><img src="../images/btn/btn_mofidy.gif" alt="수정" /></a>
			<a href="#"><img src="../images/btn/btn_cancel.gif" alt="취소" /></a>
			<span class="left_btn" style="width:150px;"><a href="#"><img src="../images/btn/btn_list.gif" alt="목록"  /></a></span>
		</article>

	</section><!--//   id="main_content" 끝-->	
</div><!--//   id="container" 끝-->	

<footer></footer>
</body>
</html>
